import styled from 'styled-components/native'
export const Flex = styled.View`
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  align-content:space-between;
`
export const FlexItem = styled.View`
  flex:1;
`
export const Container = styled.View`
  display:flex;
  flex-direction:row;
  align-items:flex-start;
  
  padding:10px; 
  background-color:#fff;
`
export const Content = styled.View`
  flex:5;
  flex-direction:row;
  flex-wrap:wrap;
`

export const Member = styled.View`
  width:38px; margin-right:10px;
`
export const Avatar = styled.Image`
  border-radius:2; width:38px;height:38px;
`
export const MemberName = styled.Text`
   font-size:8px;  text-align:center;
`

export const Title = styled.View`
  margin-bottom:5px;
  flex-direction:row;
  flex-wrap:wrap;
  align-items:center ;
`
export const TitleText = styled.Text`
  font-weight:500; font-size:14px; color:#222;
  line-height:24px;
`
export const UpdateText = styled.Text`
  background-color:#222;
  color:#fff;
  font-size:8px;
  padding:1px 3px;
  border-radius:2px; margin-left:5px;
`
export const Info = styled.View`

`
export const InfoText = styled.Text`
  font-size:10px;
`

export const Tap = styled.TouchableOpacity`
  display:flex;
`
